<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    
   <h:body>
    <ui:composition template="./newTemplate.xhtml">
    <ui:define name="content">
     
        <h1 style="color: black">
            <br/>
            Tickets solicitados por Mi - Pendientes de Cierre<br/>
        </h1>
        
        <h:panelGroup id="messagePanel" layout="block">
                    <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
        <h:form id="form">
            <p:dataTable value="#{hdTicketsController.ticketsPendientesCierre}" id="tbltickets" var="tickets" paginator="true" 
                     paginatorAlwaysVisible="false" paginatorPosition="bottom" rows="10">
            <p:column style="width: 100px">
                <f:facet name="header">
                    <h:outputText value="Codigo Ticket" />
                </f:facet>
                <h:outputText id="codTicket1" value="#{tickets.codTicket}" />
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Titulo"/>

                </f:facet>
                <h:outputText id="descTicket" value="#{tickets.tituloTicket}" />

            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Solicitado Por:" />
                </f:facet>
                <h:outputText id="NickUsuario" value="#{tickets.codUsuario.nickUsuario}" />
            </p:column>
            <p:column sortBy="#{tickets.fecResolucionReal}">
                <f:facet name="header">
                    <h:outputText value="Fecha Cierre:" />
                </f:facet>
                <h:outputText id="fecResolucionReal" value="#{tickets.fecResolucionReal}" >
                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
                </h:outputText>  
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Estado" />
                </f:facet>
                <h:outputText id="codEstado" value="#{tickets.codEstado.descEstado}" />
            </p:column>
            
            <p:column style="width:40px">  
                    <p:commandButton id="selectButton" update=":form:display" oncomplete="TDialog.show()" 
                                     icon="ui-icon-pencil" style="border: none; height: 27px" title="Canalizar">  
                        <f:setPropertyActionListener value="#{tickets}" target="#{hdTicketsController.ticket}" />  
                    </p:commandButton>  
            </p:column>
        </p:dataTable>
        
        <p:dialog header="Detalle de Ticket No #{hdTicketsController.ticket.codTicket}" widgetVar="TDialog" resizable="false" id="carDlg"  
                  showEffect="fade" hideEffect="explode" modal="true">
            
            <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;" width="800px">  
                       
            <h:outputText value="No Ticket:" style="font-weight: bold" />
            <h:outputText value="#{hdTicketsController.ticket.codTicket}" />
            <h:outputText value="Titulo:" style="font-weight: bold" />
            <h:outputText value="#{hdTicketsController.ticket.tituloTicket}" />
            <h:outputText value="Descripcion: " style="font-weight: bold" />
            <h:outputText  value="#{hdTicketsController.ticket.descTicket}" escape="false"  />
            <h:outputText value="Creado por: " style="font-weight: bold" />
            <h:outputText value="#{hdTicketsController.ticket.codUsuario.nickUsuario}" />
            <h:outputText value="Fecha Creacion: " style="font-weight: bold" />
            <h:outputText id="fecRegistro" value="#{hdTicketsController.ticket.fecRegistro}" >
                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
            </h:outputText>
            <h:outputText value="Fecha Cierre: " style="font-weight: bold" />
            <h:outputText id="fecResolucionReal" value="#{hdTicketsController.ticket.fecResolucionReal}" >
                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
            </h:outputText>
            <h:outputText value="Clasificacion: " style="font-weight: bold" />
            <h:outputText value="#{hdTicketsController.ticket.codClasiBaja.codClasificacionMedia.codClasificacionMayor.desClasificacionMayor} - 
                          #{hdTicketsController.ticket.codClasiBaja.codClasificacionMedia.descClasiMedia} - #{hdTicketsController.ticket.codClasiBaja.descClasiBaja}" />
        </h:panelGrid> 

        </p:dialog>
    </h:form>
    
    </ui:define>
    </ui:composition>
    </h:body>
    
</html>

